<template>
  <div class="card flex_col m5 p10">
    <label class="flex_center_self">{{ ctx.name }}温度传感器</label>
    <div class="flex_row_center">
      <label>温度:</label>
      <label>{{ ctx.status.value }}℃</label>
    </div>
    <div class="flex_row_center">
      <label>IC温度:</label>
      <label>{{ ctx.status.internvalValue }}℃</label>
    </div>
    <div class="flex_row_center">
      <LabelPointVue name="SCV" :value="ctx.status.scv" />
      <LabelPointVue name="SCG" :value="ctx.status.scg" />
      <LabelPointVue name="OC" :value="ctx.status.oc" />
    </div>
  </div>
</template>

<script setup lang="ts">

import { TempStatus } from '../service/recv_notify';
import LabelPointVue from './LabelPointVue.vue';
import { defineProps } from 'vue'

interface Ctx {
  status: TempStatus,
  name: string,
}

const ctx = defineProps<Ctx>();

</script>

